<template>
  <view class="root">
    <u-toast ref="uToast"/>
    <scroll-view :scroll-top="scrollView.scrollTop" scroll-y="true" class="scrollViewV" @scrolltoupper="upper"
                 @scrolltolower="lower" @scroll="scroll">
      <!-- 轮播图 -->
      <view class="uni-margin-wrap">
        <swiper class="swiper" circular :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
                :interval="swiper.interval"
                :indicator-color="swiper.indColor" :indicator-active-color="swiper.indActColor"
                :duration="swiper.duration">
          <swiper-item v-for="(imgSrc, index) in adImgs" :key="index">
            <image class="swiper-item" :src="imgSrc" mode="aspectFit"/>
          </swiper-item>
        </swiper>
      </view>

      <view class="navi-recommend">
        <view class="navi-recommend-item">
          <image src="https://fyiereguio-wisdom.oss-cn-hangzhou.aliyuncs.com/image/index-payment.png"/>
          <text>物业缴费</text>
        </view>
        <view @click="$utils.ownerStatus('/pages/visitor/visitor',this.$refs.uToast)"
              class="navi-recommend-item">
          <image src="https://fyiereguio-wisdom.oss-cn-hangzhou.aliyuncs.com/image/index-invite.png"/>
          <text>访客邀请</text>
        </view>
        <view @click="$utils.ownerStatus('/pages/repair/repair',this.$refs.uToast)"
              class="navi-recommend-item">
          <image src="https://fyiereguio-wisdom.oss-cn-hangzhou.aliyuncs.com/image/index_repair.png"/>
          <text>报事报修</text>
        </view>
      </view>
      <view class="navi-recommend">
        <navigator @click="toBindingRecordView" class="navi-recommend-item">
          <image src="https://fyiereguio-wisdom.oss-cn-hangzhou.aliyuncs.com/image/index-record.png"/>
          <text>绑定记录</text>
        </navigator>
        <navigator url="/pages/community/CommunityView" open-type="switchTab"
                   class="navi-recommend-item">
          <image src="https://fyiereguio-wisdom.oss-cn-hangzhou.aliyuncs.com/image/index-record.png"/>
          <text>社区互动</text>
        </navigator>
        <view @click="$utils.ownerStatus('/pages/complain/ComplainView',this.$refs.uToast)"
              class="navi-recommend-item">
          <image src="https://fyiereguio-wisdom.oss-cn-hangzhou.aliyuncs.com/image/index-record.png"/>
          <text>投诉建议</text>
        </view>
      </view>

      <view class="navi-services">
        <view class="navi-services-title">
          <view class="navi-services-title-left">功能服务</view>
          <navigator url="/pages/life/Life" open-type="switchTab"
                     class="navi-services-title-right">
            更多
          </navigator>
        </view>
        <view class="navi-services-list">
          <view class="navi-services-list-item">
            <image src="https://fyiereguio-wisdom.oss-cn-hangzhou.aliyuncs.com/image/index_repair.png"/>
            <text>装修报备</text>
          </view>
          <view class="navi-services-list-item">
            <image src="../../static/img/navi_house.png"/>
            <text>我的房屋</text>
          </view>
          <view class="navi-services-list-item">
            <image src="../../static/img/navi_onekey_open.png"/>
            <text>一键开门</text>
          </view>
          <view class="navi-services-list-item">
            <image src="../../static/img/navi_conv.png"></image>
            <text>便民服务</text>
          </view>
          <view class="navi-services-list-item">
            <image src="../../static/img/navi_mall_home.png"></image>
            <text>社区商城</text>
          </view>
        </view>
      </view>

      <view class="navi-help">
        <view class="navi-help-notice">
          <view class="navi-help-notice-preimg"/>
          <view class="navi-help-notice-cont">
            <view class="navi-help-notice-cont-type">
              <text>温馨提示</text>
            </view>
            <text>全国第一小区环境，全国最美小区评选小区</text>
          </view>
          <view class="navi-help-notice-arrowimg"></view>
        </view>
        <view class="common-line"></view>
        <view class="navi-help-list">
          <view class="navi-help-list-guide">
            <view class="navi-help-list-guide-desc">
              <text>新手指引</text>
              <text>快速入手指南</text>
            </view>
            <view class="navi-help-list-guide-img"></view>
          </view>
          <view class="navi-help-list-wy">
            <view class="navi-help-list-wy-desc">
              <text>联系物业</text>
              <text>一键拔号</text>
            </view>
            <view class="navi-help-list-wy-img"></view>
          </view>
        </view>
      </view>

    </scroll-view>
  </view>
</template>

<script>
import IndexJs from './index.js';

export default IndexJs;
</script>

<style>
@import url('./index.css');
</style>
